<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="generator" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<link href="css/haiersoft.css" rel="stylesheet" type="text/css" media="screen,print" />
<link href="css/print.css" rel="stylesheet" type="text/css"  media="print" />
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/side.js" type="text/javascript"></script>
<script src="js/look.js" type="text/javascript"></script>

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>

<body>
<!-- wrap_left -->

<!-- /wrap_left -->

<!-- picBox -->
<div class="picBox" onClick="switchSysBar()" id="switchPoint"></div>
<!-- /picBox -->



<!-- wrap_right -->
<div class="wrap_right">
<header>
<!-- Header -->

<!-- /Header -->
</header>


<!-- Contents -->
<div id="Contents">
<script type="text/javascript">
$(function(){
$(".select").each(function(){
var s=$(this);
var z=parseInt(s.css("z-index"));
var dt=$(this).children("dt");
var dd=$(this).children("dd");
var _show=function(){dd.slideDown(200);dt.addClass("cur");s.css("z-index",z+1);};
var _hide=function(){dd.slideUp(200);dt.removeClass("cur");s.css("z-index",z);};
dt.click(function(){dd.is(":hidden")?_show():_hide();});
dd.find("a").click(function(){dt.html($(this).html());_hide();});
$("body").click(function(i){ !$(i.target).parents(".select").first().is(s) ? _hide():"";});})})
</script>

<!-- MainForm -->
<div id="MainForm">
<div class="form_boxB">
<h2>菜品详情表</h2>
<div class="search bar6">
	<form>
		<input type="text" placeholder="请输入菜品名称" name="cname">
		<button type="submit"></button>
	</form>
</div>
<table cellpadding="0" cellspacing="0">
<tr>
<th>序号</th>
<th>菜品名</th>
<th>所属类别</th>
<th>价格</th>
<th>售卖时间段</th>
<th>商品状态</th>
<th>食品图片</th>
<th>操作</th>
</tr>
<tr>
<td>1</td>
<td>惠灵顿牛排</td>
<td>盒牛工坊</td>
<td class="money">218.00</td>
<td class="f_cA">晚间</td>
<td class="f_cA">上架中</td>
<td><img src="img/JJLOGO.png" width="120px" height="30px"/></td>
<td class="last"><a href="#" id="a_look">查看商品</a></td>
</tr>

</table>
<p class="msg">共找到47条年度预算记录，当前显示从第1条至第10条</p>
</div>
</div>
<!-- /MainForm -->

<!-- PageNum -->
<ul id="PageNum">
<li><a href="#">首页</a></li>
<li><a href="#">上一页</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">下一页</a></li>
<li><a href="#">尾页</a></li>
</ul>
<!-- /PageNum -->
</div>
<!-- /Contents -->

<div class="look">
	<table cellpadding="0" cellspacing="0" style="text-align: center;">
		<tr align="center">
			<th  colspan="6">张三的订单 <span class="close"></span></th>
		</tr>
		<tr>
			<td>预约客户：</td>
			<td>风格非官方会更好</td>
		</tr>
		<tr>
			<td>预约联系方式：</td>
			<td>12300020084</td>
		</tr>
		<tr>
			<td>预定商品</td>
			<td>
				<p>1</p>
				<p>1</p>
				<p>1</p>
				<p>1</p>
				<p>1</p>
			</td>
			
		</tr>
		<tr>
			<td>客人备注：</td>
			<td>好几个地方突然</td>
		</tr>
		
	</table>
	<input type="button" name="" id="" value="点击修改" />
</div>

<script>
	
	$(function(){
		
		$(".close").click(function(){
			
			
			$(".look").css("display","none")
			
		})
		
		
		
	})
</script>

<!-- /footer -->
<footer>
<address>2007 Corporation,All Rights</address>
</footer>
<!-- /footer -->

</div>
<!-- /wrap_right -->
</body>
</html>
